<template>
    <div class="works-upload-container" >
        <div class="vue-table-container">
            <div class="success-message-body">
                <p class="success-content">  <i class="ivu-icon ivu-icon-ios-checkmark-outline" style="font-size: 50px"></i> <span class="success-desc">案件添加成功</span></p>
            </div>
        </div>
        <Row type="flex">
            <i-col span="24">
                <div class="pull-right ">
                        <i-button type="primary"  @click="onNext"  >完成</i-button>
                </div>
            </i-col>
        </Row>
    </div>

</template>
<script>
  import { mapState } from 'vuex'

  export default {
    props: {
      works: {
        type: Object,
        default () {
          return {}
        }
      },
      reports: {
        type: Object,
        default () {
          return {}
        }
      },
    },
    components: {
    },
    data () {
      return {
        template: [],
        formModel: {
          name: '',
          company: '',
          award: '',
        },
        /** 文案类作品内容 */
        textValue: '',
        modelRules: {},
        imgEndpoint: window.Laravel.thumbBaseUrl
      }
    },
    computed: {
      computed () {},
      ...mapState({
        user:state => state.user.profile
  })
  },

  methods: {
    onPrev (e) {
      this.$emit('prev', this.caseId)
    },
    onNext (e) {
      this.$emit('next', this.caseId)
    }
  }
  }
</script>
<style scoped>
    .success-message-body{
        height: 300px;
        line-height: 300px;
        padding-top: 100px;
        text-align: center;
    }
    .success-content{
        margin-top: 60px;
        line-height: 40px;
        /*width: 317px;*/
        display: block;
        margin: auto;
        color: #0f88eb;
        font-size:26px;

    }
    .success-desc{
        line-height:50px;
        vertical-align: top;
    }
</style>
